// 自定义透明度-黑色
@mixin mask-dark($opacity) {
	color: rgba(0, 0, 0, $opacity);
}
// 自定义透明度-白色
@mixin mask-light($opacity) {
	color: rgba(255, 255, 255, $opacity);
}

// 清除浮动
@mixin clearfix() {
	&:before,
	&:after {
		content: ' ';
		display: table;
	}

	&:after {
		clear: both;
	}
}
// 滚动条
@mixin scrollBar {
	&::-webkit-scrollbar-track-piece {
		background: #d3dce6;
	}

	&::-webkit-scrollbar {
		width: 6px;
	}

	&::-webkit-scrollbar-thumb {
		background: #99a9bf;
		border-radius: 20px;
	}
}
// 超链接-移动端
@mixin link-mobile($color) {
	text-decoration: none;
	outline: none;
	color: $color;

	&:active {
		text-decoration: none;
	}

	&:focus {
		text-decoration: none;
	}
}
// 边框
@mixin borderCreator($direction, $type, $color) {
	@if $direction!= '' {
		border-#{$direction}: 1px $type $color;
	} @else {
		border: 1px $type $color;
	}
}
// 文字溢出省略
@mixin textEllipsis($line) {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: $line;
}
/**App端顶部状态栏**/
@mixin mobileStatusBar($color) {
	background-color: $color;
	position: fixed;
	top: 0;
	z-index: 999;
	width: 100%;
	height: var(--status-bar-height); //获取状态栏高度
}
